<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="phihai1910" />

	<title>Untitled 1</title>
   <link rel="stylesheet" type="text/css" href="style.css" />
   <script type="text/javascript" src="style.js"></script>
   <link href="js/calendar.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/cal.js"></script>
   <script type="text/javascript">
jQuery(document).ready(function () {
	$('#datepicker').simpleDatepicker({ startdate: 1990, enddate: 2022 });
});
</script>
</head>

<body>
<div id="wrap">
    <div id="header">
        <div id="banner">
           <img src="images/logo.png" width="143" height="57" class="logo"/>
           <a href="#"><input type ="button" value="" class="v_btn_back"/></a>
        </div>
        
        <div id="menu">
            <ul>
                <li><a href="#">Modify Controlled Lists</a> 
                    <ul>
                        <li><a href="#">Menu 1</a></li>
                        <li><a href="#">Menu 2</a></li>
                        <li><a href="#">Menu 3</a></li>
                        <li><a href="#">Menu 4</a></li>
                        <li><a href="#">Menu 5</a></li>
                    </ul>
                </li>
                <li><a href="#">List Wells</a>
                    <ul>
                        <li><a href="#">Menu 6</a></li>
                        <li><a href="#">Menu 7</a></li>
                        <li><a href="#">Menu 8</a></li>
                        <li><a href="#">Menu 9</a></li>
                        <li><a href="#">Menu 10</a></li>
                    </ul>
                 </li>
                <li><a href="#">Enter Daily Well Data</a>
                    <ul>
                        <li><a href="#">Menu 11</a></li>
                        <li><a href="#">Menu 12</a></li>
                        <li><a href="#">Menu 13</a></li>
                        <li><a href="#">Menu 14</a></li>
                        <li><a href="#">Menu 15</a></li>
                    </ul>
                 </li>
                <li><a href="#">Approve Historian Data</a> 
                    <ul>
                        <li><a href="#">Menu 16</a></li>
                        <li><a href="#">Menu 17</a></li>
                        <li><a href="#">Menu 18</a></li>
                        <li><a href="#">Menu 19</a></li>
                        <li><a href="#">Menu 20</a></li>
                    </ul>
                </li>
            </ul>
        </div>
		
    </div>
    <div id="maincontent">
        <div id="main_top">
            <img src="images/top_button.png" width="161" height="48" class="top_button" />
            <img src="images/time.png" width="156" height="59" class="time" />
        </div>
        <div id="main_center">
            <table class="table" cellpadding = "0" cellspacing="0">
                <tr>
                    <td class="column1">Effective Date</td>
                    <td class="column2" style="position: relative;overflow: hidden;"><input type="text" name="text1" id="datepicker" readonly="readonly"/><label for="datepicker" class="imgdate"><img src="images/datetime.png"/></label></td>
                    <td class="column3">Telemeted</td>
                    <td class="column4">  
                        <input type="radio" id="radio1" name="group1" class="styled" checked="checked"/><label>Yes</label>
                        <input type="radio" id="radio2" name="group1" class="styled" /><label>No</label>
                    </td>
                </tr>
                <tr>
                    <td class="column1">Well Name</td>
                    <td class="column2"><input type="text" name="text1" id="text1"/></td>
                    <td class="column3">Deleted</td>
                    <td class="column4">  
                        <input type="radio" id="radio3" name="group2" class="styled" /><label>Yes</label>
                        <input type="radio" id="radio4" name="group2" class="styled" checked="checked"/><label>No</label>
                    </td>
                </tr>
                <tr>
                    <td class="column1">Select a Run Number</td>
                    <td class="column2">
                        <select class="styled">
                            <option>Option 1</option>
                            <option>Option 2</option>
                        </select>
                    </td>
                    <td class="column3">Active</td>
                    <td class="column4">  
                        <input type="radio" id="radio5" name="group3" class="styled" /><label>Yes</label>
                        <input type="radio" id="radio6" name="group3" class="styled" checked="checked"/><label>No</label>
                    </td>
                </tr>
                <tr>
                    <td class="column1">Select an ATP</td>
                    <td class="column2">
                    <div class="out">
                        <select class="v_select">
                            <option>Option 1</option>
                            <option>Option 2</option>
                        </select>
                        </div>
                    </td>
                    <td class="column3">Reported</td>
                    <td class="column4">  
                        <input type="radio" id="radio7" name="group4" class="styled" checked="checked"/><label>Yes</label>
                        <input type="radio" id="radio8" name="group4" class="styled" /><label>No</label>
                    </td>
                </tr>
                <tr>
                    <td class="column1">Select an PL</td>
                    <td class="column2"><select><option>Option 1</option><option>Option 2</option></select></td>
                    <td class="column3">SCADA ID</td>
                    <td class="column4">  
                        <input type="radio" id="radio9" name="group5" class="styled" /><label>Yes</label>
                        <input type="radio" id="radio10" name="group5" class="styled" checked="checked"/><label>No</label>
                    </td>
                </tr>
                <tr>
                    <td class="column1">Select a property</td>
                    <td class="column2"><select><option>Option 1</option><option>Option 2</option></select></td>
                    <td class="column3">ILUA Royalty Applicable</td>
                    <td class="column4"><input type="checkbox" name="check" class="styled"/></td>
                </tr>
                <tr>
                    <td class="column1">Select a stimulation</td>
                    <td class="column2"><select><option>Option 1</option><option>Option 2</option></select></td>
                    <td class="column3">Top of Pump(mRT)</td>
                    <td class="column4"><input type="text" name="text2" id="text2" /></td>
                </tr>
                <tr>
                    <td class="column1">Prump Type</td>
                    <td class="column2"><select><option>Option 1</option><option>Option 2</option></select></td>
                    <td class="column3">Pump Intake (mRT)</td>
                    <td class="column4"><input type="text" name="text3" id="text3" /></td>
                </tr>
                <tr>
                    <td colspan="4" class="column">
                    <a href="#"><input type ="button" value="Create a New Well" class="v_btn_create"/></a>
                    <a href="#"><input type ="button" value="Save" class="v_btn_save"/></a>
                    </td>
                    
                </tr>
            </table>
        </div>
        <div id="main_bottom"></div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>